.design-type__list {
	display: flex;
	flex-flow: row wrap;
}

.design-type__choice {
	padding: 0;
	margin: 0 10px 20px 10px;
	width: 230px;
	flex-grow: 1;
	transition: all 100ms ease-in-out;
	cursor: pointer;

	a, svg {
		display: block;
		width: 100%;
	}

	h2 {
		color: darken( $gray, 20% );
		padding-left: 15px;
		border-top: 1px solid transparentize( lighten( $gray, 20% ), .5 );
		line-height: 1.5em;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	&:hover {
		box-shadow: 0 0 0 1px $gray, 0 2px 4px lighten( $gray, 20 );
	}

	&.is-spacergif {
		height: 0;
		width: 230px;
		margin: 0 10px;
		padding: 0;
	}
}
